#page_container {}

#iframeSon {
  /* height: 100%; */
  min-height: 240px;

}

.main_part {
  width: 100%;
  /* height: 100%; */
  /* height: 96%; */
  overflow: hidden;
  overflow-y: auto;
}

.left_part {
  /* height: 100%; */
  /* flex: 1; */
  min-width: 410px;
  justify-content: center;
}

.right_part {
  flex: 1;
  /* height: 100%; */
  background-color: white;
  align-items: flex-end;
  min-width: 300px;
  overflow: hidden;
  overflow-y: auto;
}

/* 底部 */
.bottom_part {
  height: 24px;
  line-height: 24px;
  /* height: 4%; */
  /* min-height: 20px; */
  border-top: 1px solid rgb(221, 221, 221);
}

.right_part_title {
  width: 100%;
  height: 25px;
  border-bottom: solid rgb(231, 231, 231);
}

.right_part_content {
  width: 100%;
  flex: 1;
  margin: 5px 0;
}

.icon_btn {
  min-width: 58px;
  margin: 5px;
}

.icon_btn span {
  display: block;
}

.mc_upgrade_state {
  width: 100%;
  height: 200px;
  border-top: 1px solid rgb(136, 136, 136);
}

.mc_status_word {
  width: 28%;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  text-align: right;
  /* margin-right: 10px; */
  /* line-height: 28px; */
  /* margin-left: 10px; */
  /* margin-top: 10px; */
  padding: 10px;
  border-right: 1px solid rgb(136, 136, 136);

}

.mc_status_list {
  width: 50%;
  /* height: 180px; */
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  overflow-y: auto;
  padding: 5px;
  margin: 5px;
  word-break: break-word;
}


.mc_btn_group {
  padding: unset;
  width: 100%;
  background-color: white;
  border-top: 1px solid rgb(136, 136, 136);

}

@media screen and (max-width: 708px) {
  .left_part {
    width: 100%;
    min-width: 0;
    min-height: 0;
  }

  .right_part {
    /* min-height: 120px; */
    flex: unset;
    flex: 1;
    /* max-height: 150px; */

    overflow: hidden;
    overflow-y: auto;
  }

  .main_part {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .mc_bottom_word {
    margin-left: unset !important;
  }
}

@media screen and (min-width: 430px) and (max-width: 600px) {

  .right_part .right_part_bottom {
    min-width: 58px !important;
  }
}